/*
 * Currencyr Light Theme
 * http://adivalabs.com/jquery/currencyr
 * http://firmanw.github.com/jquery-currencyr
 *
 * Copyright 2012, Firman Wandayandi (adivalabs.com)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 */

.currencyr .currencyr-container {
  font-family: "Helvetica Neue", Helvetica;
  border: 1px solid #ccc;
  border-top-color: #e7e7e7;
  border-left-color: #e7e7e7;
  border-radius: 3px;

  background: #fafafa; /* Old browsers */
  background: -moz-linear-gradient(top,  #fafafa 0%, #ececec 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fafafa 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fafafa 0%,#ececec 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fafafa 0%,#ececec 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fafafa 0%,#ececec 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */

  box-shadow: inset 1px 1px 0 rgba(255,255,255,.5), 1px 2px 2px rgba(0,0,0,.075);
  text-shadow: 1px 1px 0 rgba(255,255,255,.5);
}
.currencyr .currencyr-container,
.currencyr .currencyr-container li {
  font-size: 14px;
  color: #333;
}
.currencyr .currencyr-converter {
  border-radius: 3px 3px 0 0;
}
.currencyr .currencyr-direction-top .currencyr-converter {
  border-radius: 0 0 3px 3px;
}
.currencyr .currencyr-amount,
.currencyr .currencyr-currency {
  padding: 7px 10px;
  box-shadow: inset 1px 1px 0 0 rgba(255,255,255,.5);
}
.currencyr .currencyr-amount,
.currencyr .currencyr-code {
  font-weight: bold;
}
.currencyr .currencyr-beak,
.currencyr .currencyr-direction-top .currencyr-beak {
  background-image: url(sprite.png);
  background-position:  left top;
  background-repeat: no-repeat;
}
.currencyr .currencyr-direction-top .currencyr-beak {
  background-position: 0 -7px;
}
.currencyr .currencyr-code {
  border-left: 1px solid #e7e7e7;
}
.currencyr .currencyr-toggle {
  background: url(sprite.png) -11px top no-repeat;
}
.currencyr .currencyr-direction-top .currencyr-toggle {
  background: url(sprite.png) -11px -7px no-repeat;
}
.currencyr .currencyr-codes ul {
  background: #f4f4f4;
  border: 1px solid #e0e0e0;
  border-right-color: #ccc;
}
.currencyr .currencyr-codes li {
  padding: 5px 10px;
  box-shadow: inset 1px 0 0 0 rgba(255,255,255,.5);
}
.currencyr .currencyr-codes li:hover {
  background: #e7e7e7;
}
.currencyr .currencyr-codes li span {
  background: #eee;
  padding: 4px 10px;
  border: 1px solid #ccc;
  font-weight: normal;
  border-radius: 0 3px 3px 0;
  line-height: 14px;
  color: #777;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
.currencyr .currencyr-close {
  background: url(sprite.png) -22px 0 no-repeat;
}
.currencyr .currencyr-enclosure-top {
  background: #ccc;
  box-shadow: 0 0 5px rgba(0,0,0,.25);
}
.currencyr .currencyr-enclosure-bottom {
  background: #ccc;
}
.currencyr .currencyr-direction-top .currencyr-enclosure-top {
  box-shadow: 0 1px 0 0 rgba(255,255,255,.5);
}
.currencyr .currencyr-direction-top .currencyr-enclosure-bottom {
  box-shadow: 0 -1px 3px rgba(0,0,0,.15);
}
.currencyr .currencyr-dropped {
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.currencyr .currencyr-remember {
  border-top: 1px solid #ccc;
  padding: 5px 10px;

  background: -moz-linear-gradient(top,  rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}


